<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Grid</title>
<link rel="stylesheet/less" type="text/css" href="../src/less/index.less" />
<script src="js/less.min.js" type="text/javascript"></script>
<style>
[class*='kui-1px']{padding:0.5rem;background:#FED}
</style>
</head>

<body>
<div class="kui-page">
	<div class="kui-header">
		<div class="pull-left icon-left app-back" onClick="history.back()">返回</div>
		<h1 class="kui-title">kui-title</h1>
	</div>
	<div class="kui-content">
		<div class="kui-blocker Pd">
			<div class="Mg Pd kui-1px-t">kui-1px-t</div>
			<div class="Mg Pd kui-1px-b">kui-1px-b</div>
			<div class="Mg Pd kui-1px-l">kui-1px-l</div>
			<div class="Mg Pd kui-1px-r">kui-1px-r</div>
			<div class="Mg Pd kui-1px-tb">kui-1px-tb</div>
			<div class="Mg Pd kui-1px-lr">kui-1px-lr</div>
			<div class="Mg Pd kui-1px-lt">kui-1px-lt</div>
			<div class="Mg Pd kui-1px-rb">kui-1px-rb</div>
			<div class="Mg Pd kui-1px kui-1px-rand">kui-1px + kui-1px-rand</div>
		</div>
	</div>
</div>
</body>
</html>
